<template>
  <div class="pay">
      <header-bar :head-title="headTitle" goBack="true"></header-bar>
      <div class="pay-time">
          <p>订单提交成功请尽快付款</p>
          <p>1小时58分24秒后未付款，订单将自动取消！</p>
      </div>
<div class="pay-box">
  <ul>
  <li>
    <div class="left"><img src="http://m.bestkeep.cn/images/mobile/mycard/ico_alipay.png" /></div>
    <div class="right"><input type="radio" checked="checked"/></div>
  </li>
  <li>
    <div class="left"><img src="http://m.bestkeep.cn/images/mobile/mycard/allinpay-logo.jpg" /></div>
    <div class="right"><input type="radio" /></div>
  </li>
  </ul>
</div>
<div class="cart-bottom">
            <div class="order-money">
                <p>合计￥3565.5</p>
                 </div>
        <router-link to="/">立即支付</router-link>
      </div>
    </div>
</template>
<script>
import HeaderBar from '@/components/HeaderBar.vue'
export default {
  components: {
    HeaderBar
  },
  data () {
    return {
      headTitle: '订单支付'
    }
  }
}
</script>
<style lang="scss">
.pay-time{
    margin-bottom: .4rem;
    background: #fff;
    padding: 2rem 0;
    text-align: center;
}
.pay-box{
  background: #fff;
  li{
    height: 2.2rem;
    padding: 0 .4rem;
    line-height: 2.2rem;
    border-bottom: 1px solid #eee;
    img{ height: 1.2rem;
    width: auto;
    display: block; 
    margin-top: .5rem;}
  }
}
</style>
